// 导航样式
$("#nav a").on("click", function (e) {
    e.preventDefault(); // 阻止默认链接行为
    var $this = $(this);
    var position = $this.parent().position();
    var width = $this.parent().width();

    // 动画持续时间
    var DonghuaTime = 450;

    $("#nav .slide-one").css({ opacity: 1, left: position.left, width: width });

    // 动画结束后的跳转
    setTimeout(function () {
        window.location.href = $this.attr("href"); // 跳转到链接
    }, DonghuaTime);
});

// 初始设置slide-one的位置和宽度
$(document).ready(function () {
    var currentWidth = $("#nav li:nth-of-type(5) a").parent("li").width();
    var current = $("#nav li:nth-of-type(5) a").parent("li").position();
    $("#nav .slide-one").css({ left: current.left, width: currentWidth, opacity: 1 }); // 初始设置就显示，不需要等待动画
});
// 获取所有的容器元素
var songs = document.querySelectorAll('.songs');
var currentPage = 1; // 当前页码
var pageSize = 7; // 每页显示的容器数量
var totalPages = Math.ceil(songs.length / pageSize); // 总页数

// 隐藏所有容器，开始时都不显示
songs.forEach(function (container) {
    container.style.display = 'none';
});

// 显示当前页的容器
function showPage(page) {
    // 重置所有容器的显示状态
    songs.forEach(function (container, index) {
        container.style.display = 'none';
    });

    // 计算当前页应该显示的容器索引范围
    var startIndex = (page - 1) * pageSize;
    var endIndex = Math.min(startIndex + pageSize, songs.length);

    // 显示当前页的容器
    for (var i = startIndex; i < endIndex; i++) {
        songs[i].style.display = 'block';
    }

    // 更新页码信息
    document.getElementById('pageInfo').textContent = '第 ' + page + ' 页' + '/共 ' + totalPages + ' 页';
    // 根据当前页码启用或禁用上一页和下一页按钮
    document.getElementById('prevPageBtn').disabled = (page === 1);
    document.getElementById('nextPageBtn').disabled = (page === totalPages);
}

// 绑定上一页和下一页按钮的点击事件
document.getElementById('prevPageBtn').addEventListener('click', function () {
    if (currentPage > 1) {
        currentPage--;
        showPage(currentPage);
    }
});

document.getElementById('nextPageBtn').addEventListener('click', function () {
    if (currentPage < totalPages) {
        currentPage++;
        showPage(currentPage);
    }
});

// 初始显示第一页
showPage(1);